// ajax请求实现登录功能
let layer = layui.layer
$('.layui-form').on('submit',async function(e){
  // 阻止表单默认提交行为
  e.preventDefault()
  // serialize获取登录输入框的内容
  const username = $('[name=username]').val()
  const password = $('[name=password]').val()
  const data = {
    username,
    password
  }
  // console.log(data);
  
  // 发起Ajax的post请求
  await axios.post('/index/login',{login_name:data.username,password:data.password}).then((res) => {
    // console.log(res);
    // 处理token(本地存储)，一定要有，否则会有的接口无法请求成功
    // console.log(res.data.data.token);
    if(res.data.errno === 1000){
      if(username === '' || password === ''){
        alert('内容不能为空！')
      }
      // 登录失败
      else {return alert(res.data.errmsg)}
    }
    localStorage.setItem('ydd-token',res.data.data.token)
    // location.href = './index.html'
    // 优化提示效果
    // 显示layui的弹出层
    setTimeout(() => {
      alert('登录成功，即将跳转到首页')
      location.href = './index.html'
    }, 300);
  })
})